How do I use my extension now?

All you need to know about fullPage.js and its usage is detailed in the documentation page. So, if there's anything that you think it is missing, please contact us and let us know :)

Example included

On the files you downloaded together with this file you'll find an example file called example-responsive-slides.html that you can check to see how to use the extension or even to take it as your base to start your page.

Using frameworks, WordPress or Webflow?

If you use the official wrappers for Vue, Angular or React frameworks then you can use the following resources:

For WordPress:

For Webflow:

Using plain JavaScript / jQuery

Here are the basics:

  1. Include fullpage.extensions.min.js in your site instead of fullpage.min.js or fullpage.js. This file is exactly the same as the fullpage.js one but allows you to use extensions. fullpage.min.jsor fullpage.js should not be present.

  2. Include your extension file before fullPage.js as can be seen below:


<!-- Including the extension file before fullPage file -->
<script type="text/javascript" src="fullpage.responsiveSlides.min.js"></script>

<!-- Loading fullpage file for extensions instead of fullpage.min.js  -->
<script type="text/javascript" src="fullpage.extensions.min.js"></script>
  1. Add the option to enable the extension. Each extension has different possible values for it, check the documentation for more information. Generally they can be enabled with the default settings by using the true value for them:
new fullpage('#fullpage', {
    responsiveSlides: true
});
  1. At this point you can try the extension and see if it works as you expected.

  2. If you are happy with it, now you can generate the activation key for your domain. Go to the activation page. Select your extension from the dropdown and introduce the license key that was sent to you on the purchase confirmation email. Notice you'll also require a fullPage.js license if your project is not open source and compatible wigh GPLv3. You can acquire a fullPage.js license from the pricing page.

  3. To use the activation key you just generated you'll have to add an extra option in your fullPage.js initialisation:

new fullpage('#fullpage', {
    responsiveSlidesKey: 'YOUR ACTIVATION KEY HERE',
    responsiveSlides: true,

    /*
    * Notice responsiveSlides requires you to make of the options responsiveWidth
    * or responsiveHeight to determine under which pixels will the site become 
    * responsive
    */
    responsiveWidth: 1000

});

Make sure not to miss any character when copying and pasting the key!

For more information check how to use fullPage.js extensions and how to use the activation key.

More question?

Can I test extensions without generating an activation key?

Yes! You'll be able to fully test it before making sure that it meets your requirements. In fact, we strongly recommend doing it!

Where do I get the files for fullpage.js extensions?

Because you are reading this we will assume you already got the specific extension file required for your responsiveSlides extension named: fullpage.responsiveSlides.min.js.

Regarding the fullPage file, you can get the fullpage.extensions.min.js file from the github project or any CDN like Unpkg.

Can I get an invoice?

Sure you can! You'll find a link to generate the invoice in the purchase confirmation email. More info in here.

If you have any question or problem regarding invoices and billing, please contact support@gumroad.com to reach the company that deals with the payment.

What to do with dev/staging domains?

No activation key is necessary for localhost and 127.0.0.1 domains.

Any other staging domains will require a license (Professional or Business) that allows to generate a new key for those.

Note that you can still use the Hobby license if the different environments are subdomains of the same domain. For example: apple.com and dev.apple.com

Can I be refunded?

Sure! As detailed on the extensions page, there's 30-days money back guaranteed for any purchase under the conditions detailed in the License Agreement: read the fullPage.js Refund Terms.

Notice that you won't be elegible for a refund if you generated an activation key for your extension. (Unless you use one of the official WordPress plugins)

I get an "Unlicensed extension" message

That means you are not using the right key for your extension!

Make sure to read how to activate a fullPage.js extension and how to use fullPage.js extensions. Notice you'll have replace (not add!) the usual fullPage.js file (fullpage.js or fullpage.min.js) for the file fullpage.extensions.min.js.

Can I upgrade from one license to another?

Sure! It is in fact very easy!

Please proceed to purchase the upgraded license (Professional or Business license) from the extensions page. Then contact us and let us know that you want to upgrade. We will then proceed to refund you the previous purchase. Easy uh?

Can I use a common activation key for all my domains?

Sure! But you'll have to purchase the Business license from the extensions page for that. The Hobby or Professional licenses use a different activation key per domain.

I lost my activation key, how can I find it?

The activation key was sent to the email used for the purchase when you generated it for a domain. If it is not on the inbox, please look into the SPAM folder.

If you still do not find it, please contact us with the email used for the purchase.

My extension is not working

You are probably missing some of the required steps. You can see it working in the HTML example provided with the purchase.

Make sure to read in the documentation how to use your extension as well as how to activate a fullPage.js extension and how to use fullPage.js extensions.

Notice you'll have replace (not add!) the usual fullPage.js file (fullpage.js or fullpage.min.js) for the file fullpage.extensions.min.js.

Do you offer any kind of discounts?

We do! As long as:

Contact us for more information.

Give us feedback!

We are always willing to hear from your experience!

If you feel like giving us some constructive feedback so we can keep improving developers' experience, just contact us. We are all ears! :)